<!DOCTYPE html>
<html id="replace-style" lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>工业物联网平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <link rel='stylesheet' th:href="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css}" href="../../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
    <link rel='stylesheet' th:href="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css}" href="../../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css"/>
    <link rel='stylesheet' th:href="@{/3thExt/select2/4.0.6/css/select2.css}" href="../../../static/3thExt/select2/4.0.6/css/select2.css"/>
    <link rel='stylesheet' th:href="@{/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css}" href="../../../static/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>
    <link rel='stylesheet' th:href="@{/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css}" href="../../../static/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css"/>
    <link rel='stylesheet' th:href="@{/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}" href="../../../static/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <link rel='stylesheet' th:href="@{/css/icon-zc.css}" href="../../../static/css/icon-zc.css"/>
    <link rel='stylesheet' th:href="@{/css/style.css}" href="../../../static/css/style.css"/>

</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        
        <li>生命周期</li>
        <li>设备生命周期管理</li>
        <li>设备报废管理</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12">
            <h2 class="page-section-title">查询条件</h2>
        </div>
    </div>

    <div class="container-fluid query-frame-wrap mb-10 clearfix condition-query">
        <div class="col-lg-3">
            <div class="query-frame">
                <label>设备编号</label>
                <select name="" class="form-control">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="query-frame">
                <label>设备名称</label>
                <input autocomplete="new-password" type="text" class="form-control" />
            </div>
        </div>
        <div class="col-lg-3">
            <div class="query-frame">
                <label>报废状态</label>
                <select name="" class="form-control">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="query-frame query-button">
                <img id="queryUser" th:src="@{/image/search.png}" src="../../../static/image/search.png" />
                <img class="reset" th:src="@{/image/rest.png}" src="../../../static/image/rest.png" />
            </div>
        </div>
    </div>

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12 rlt">
            <h2 class="page-section-title">设备维修列表</h2>
            <ul class="table-tool">
                <li id="add-row">
                    <span class="icon-list_add" aria-hidden="true"></span>
                    <label>新增</label>
                </li>
                <li id="update-row">
                    <span class="icon-list_xiugai" aria-hidden="true"></span>
                    <label>修改</label>
                </li>
                <li id="del-row">
                    <span class="icon-list_shanchu" aria-hidden="true"></span>
                    <label>删除</label>
                </li>
                <li data-toggle="modal" data-target="#myModal-sure-scrap">
                    <span class="icon-list_weixiuchuli" aria-hidden="true"></span>
                    <label>确认报废</label>
                </li>
                </li>
                <li id="refresh-table">
                    <span class="icon-list_shuaxin" aria-hidden="true"></span>
                    <label>刷新</label>
                </li>

            </ul>
        </div>
    </div>

    <div class="container-fluid table-container">
        <table  cellspacing="" cellpadding="">

        </table>
    </div>
</div>

<!--新增-->
<form method="post" class="form-horizontal roleForm" action="">
    <div class="modal fade modelForm" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" >
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title title"></h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">

                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">设备编号</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <input autocomplete="new-password" type="text" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">设备名称</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required">区域</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" name="remark" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">所属工序</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-8">预计使用年限(月)</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">供应商</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">报废原因</label>
                                <div class="col-lg-7">
                                    <textarea class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">申请人</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group date-frame">
                                <label class="col-lg-3 control-label form-required form-required-4">申请时间</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" />
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>

<!--确认报废弹框-->
<form method="post" class="form-horizontal roleForm" action="">
    <div class="modal fade modelForm" id="myModal-sure-scrap" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" >
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title title">确认报废</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">

                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">确认人</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <input autocomplete="new-password" type="text" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group date-frame">
                                <label class="col-lg-3 control-label form-required form-required-4">确认时间</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">报废意见</label>
                                <div class="col-lg-7">
                                    <select name="" class="form-control">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">说明</label>
                                <div class="col-lg-7">
                                    <textarea class="form-control"></textarea>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>

<!--设置台账详情-->
<form method="post" class="form-horizontal roleForm" action="">
    <div class="modal fade modelForm" id="myModal-account-detail" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" >
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title title">设置台账详情</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">

                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">设备编号</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <select name="" class="form-control" disabled></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">设备名称</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">供应商</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">所属工序</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required">厂区</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <select name="" class="form-control" disabled></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required">产线</label>
                                <div class="col-lg-7">
                                    <select name="" class="form-control" disabled></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required">车间</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <select name="" class="form-control" disabled></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">安装位置</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group date-frame-disable">
                                <label class="col-lg-3 control-label form-required form-required-4">出厂日期</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group date-frame-disable">
                                <label class="col-lg-3 control-label form-required form-required-4">投产日期</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">折旧方式</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <select name="" class="form-control" disabled></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">资产原值</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="number" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-8">预计净残值率(%)</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-6">预计使用年限</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="number" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-6">资产净值(元)</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">使用部门</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">责任人</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <select name="" class="form-control" disabled ></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">设备状态</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" disabled />
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>


<div th:replace="common/foot">
</div>

<script th:src="@{/3thExt/jquery/3.3.1/jquery-3.3.1.min.js}" src="../../../static/3thExt/jquery/3.3.1/jquery-3.3.1.min.js"></script>
<script th:src="@{/3thExt/jquery-form/3.46/jquery.form.js}" src="../../../static/3thExt/jquery-form/3.46/jquery.form.js"></script>
<script th:src="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js}" src="../../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js}" src="../../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js}" src="../../../static/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script>
<script th:src="@{/3thExt/select2/4.0.6/js/select2.js}" src="../../../static/3thExt/select2/4.0.6/js/select2.full.js"></script>
<script th:src="@{/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js}" src="../../../static/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js}" src="../../../static/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js}" src="../../../static/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js}" src="../../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js}" src="../../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script th:src="@{/js/page-interaction.js}" src="../../../static/js/common/page-interaction.js"></script>
<!--<script th:src="@{/js/bodyCommon.js}" src="../../static/js/common/bodyCommon.js"></script>-->

<script th:src="@{/js/factoryModel/factoryArea.js}"  src="../../../static/js/factoryModel/factoryArea.js"></script>
<script th:src="@{/js/lifeCycle/equipLifeCycle/equipRepair.js}"  src="../../../static/js/lifeCycle/equipLifeCycle/equipRepair.js"></script>
</body>
</html>






